.login {height: 100vh;background: url('/static/img/logbg.jpg') no-repeat;background-size: 100vw 100vh;
}
.loginope {z-index: 1;position: fixed;left: calc((100vw - 488px) / 2);top: calc((100vh - 305px) /2);width: 488px;height: 305px;border: 1px solid rgba(0, 230, 168, 0.1);background-color: rgba(0, 230, 168, 0.3);
}
.loginope h3 {width: 100%;margin: 0;padding: 0;text-align: center;height: 60px;line-height: 60px;font-size: 26px;color: #fff;font-family: "microsoft yahei", Helvetica, Tahoma, Arial, "Microsoft jhengHei", sans-serif;
}
.loginope>div {height: 50px;margin-top: 20px;
}
.loginIng {display: flex;align-items: center;height: 50px;justify-content: center;width: 345px;margin: 0 auto;
}
.loginIng>div:nth-child(1) {width: 100px;height: 50px;overflow: hidden;font-size: 15px;color: #fff;line-height: 50px;text-align: center;float: left;
}
.loginIng>div:nth-child(2) {width: 240px;height: 50px;display: flex;align-content: center;line-height: 50px;float: right;
}
.loginIng>div:nth-child(2) input {margin-top: 7px;width: 220px;height: 33px;border-radius: 4px;background-color: #fff;border: 0;font-size: 18px;padding-left: 10px;line-height: 33px;
}
.loginBut {color: #fff;display: flex;justify-content: space-between;align-items: center;height: 35px;line-height: 35px;
}
.loginBut>div:nth-child(1) {font-size: 14px;margin-left: 92px;float: left;height: 35px;
}
.memory {color: #fff;height: 35px;line-height: 35px;
}
.loginBut>div:nth-child(2) .but {font-size: 16px;width: 95px;height: 33px;line-height: 33px;background-color: #d6743f;border: 0;border-radius: 3px;margin-right: 90px;text-align: center;cursor: pointer;float: right;
}